*{
	margin: 0;
	padding: 0;
}
html{
	overflow-x: hidden;
}
.body{
	max-height: 56rem;
}
.top{
	height: 7.75rem;
	width: 100%;
	position: relative;
}
.top .top-logo{
	width: 15.75rem;
	position: absolute;
	left: 15.4rem;
}
.top .top-logo img{
	width: 100%;
	display: block;
}
.body .body-img{
	width: 202.25rem;
	position: relative;
	left: -41rem;
}
.body .body-img img{
	width: 100%;
	display: block;
}
.body .content{
	height: 44rem;
	width: 32.5rem;
	background: white;
	position: relative;
	top: -44rem;
	left: 72.25rem;
}
.body .content .span1,.span3{
	font-size: 1.9rem;
}
.body .content .span1{
	color: #FF6700;
	position: absolute;
	top: 2.2rem;
	left: 5.25rem;
}
.body .content .span3{
	color: #7e7e7e;
	position: absolute;
	top: 2.2rem;
	left: 19.5rem;
}
.body .content .span3:hover{
	color: #FF6700;
}
.body .content .div1{
	border: 0.0625rem solid #EAEAEA;
	height: 2rem;
	width: 0.1rem;
	display: inline-block;
	position: absolute;
	top: 2.5rem;
	left: 16rem;
}
.body .content .text{
	height: 3.75rem;
	width: 28rem;
	border: 0.0625rem solid #dddddd;
	position: absolute;
	top: 8rem;
	left: 2.1rem;
}
.body .content .text input{
	border-style: none;
	font-size: 1.2rem;
	position: absolute;
	top: 1.25rem;
	left: 1rem;
}
.body .content .text input:focus,.password input:focus{
	outline:0;
}
.body .content .password{
	height: 3.75rem;
	width: 28rem;
	border: 0.0625rem solid #dddddd;
	position: absolute;
	top: 13rem;
	left: 2.1rem;
}
.body .content .password input{
	border-style: none;
	font-size: 1.2rem;
	position: absolute;
	top: 1.25rem;
	left: 1rem;
}
.body .content>input{
	height: 3.75rem;
	width: 28rem;
	background: #FF6700;
	font-size: 1.125rem;
	color: white;
	border: none;
	position: absolute;
	top: 19rem;
	left: 2.1rem;
}
.body .content p{
	font-size: 1.125rem;
	color: #FF6700;
	position: absolute;
	top: 23.5rem;
	left: 2.1rem;
}
.body .content ul{
	font-size: 1.125rem;
	position: absolute;
	top: 23.5rem;
	left: 19rem;
}
.body .content ul li{
	color: #bdbdbd;
	display: inline-block;
	list-style: none;
}
.body .content p:hover:hover{
	cursor: pointer;
}
.body .content ul li:nth-child(1):hover{
	color: #FF6700;
	cursor: pointer;
}
.body .content ul li:nth-child(3):hover{
	color: #FF6700;
	cursor: pointer;
}
.content .content-foot{
	height: 9rem;
	width: 28rem;
	border-top: 1px solid #EAEAEA;
	position: relative;
	top: 35rem;
	left: 2.1rem;
}
.content .content-foot span{
	font-size: 1.125rem;
	font-weight: 500;
	color: #bbbbbb;
	background: white;
	position: absolute;
	top: -0.8rem;
	left: 10.75rem;
}
.content .qq{
	width: 2.75rem;
	position: absolute;
	top: 36.5rem;
	left: 7.5rem;
}
.content .qq img{
	width: 100%;
	display: block;
}
.content .weibo{
	width: 2.5rem;
	position: absolute;
	top: 36.65rem;
	left: 12.5rem;
}
.content .weibo img{
	width: 100%;
	display: block;
}
.content .zhifubao{
	width: 2.5rem;
	position: absolute;
	top: 36.65rem;
	left: 17.5rem;
}
.content .zhifubao img{
	width: 100%;
	display: block;
}
.content .wechat{
	width: 2.75rem;
	position: absolute;
	top: 36.5rem;
	left: 22.5rem;
}
.content .wechat img{
	width: 100%;
	display: block;
}
.content .qq:hover,.weibo:hover,.zhifubao:hover,.wechat:hover{
	cursor: pointer;
}
.foot{
	height: 5rem;
	width: 100%;
	position: relative;
	top: -2rem;
}
.foot ul{
	position: absolute;
	left: 47.5rem;
}
.foot ul li{
	list-style: none;
	display: inline-block;
	color: #adadad;
	font-size: 1.125rem;
}
.foot ul li:nth-child(1){
	color: #595959;
}
.foot ul .li:hover{
	cursor: pointer;
	color: #595959;
}
.foot p{
	color: #757575;
	font-size: 1.12rem;
	position: absolute;
	top: 2.5rem;
	left: 37rem;
}
.foot .guo{
	width: 1.5rem;
	position: absolute;
	top: 2.2rem;
	left: 56.3rem;
}
.foot .guo img{
	width: 100%;
	display: block;
}
.foot p span:hover,.foot .guo:hover{
	cursor:pointer;
}	